import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'
import { registerMicroApps, start } from '../../../dist'

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
)

const appList = [
  
  {
    name: 'vue',
    activeRule: '/',
    container: '#micro-container',
    entry: 'http://localhost:9001',
  },
  {
    name: 'subvue',
    activeRule: '/subvue',
    container: '#micro-container',
    entry: 'http://localhost:9002',
  },
  // {
  //   name: 'thirdvue',
  //   activeRule: '/thirdvue',
  //   container: '#micro-container',
  //   entry: 'http://localhost:9003',
  // },
  {
    name: 'subreact',
    activeRule: '/subreact',
    container: '#micro-container',
    entry: 'http://localhost:9003',
  },
  
]

registerMicroApps(appList)
start()
